<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>欢迎来到好农网！</title>
    <link rel="icon" href="../image/logo.png"/>
    <link rel="stylesheet" href="../css/swiper.3.1.2.min.css"/>
    <link rel="stylesheet" href="../font/css/font-awesome.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/index.css"/>
</head>
<body>
<div class="header">
    <div class="top">
        <div class="top-box">
            <span class="float-l">您好，欢迎来到好农网！</span>
            <div class="float-r">
                <a href="../before/login.html">登录</a>
                <a href="../before/regist1.html">注册</a>
                <span class="fa fa-mobile icon"></span>
                <a href="../before/">手机好友</a>
                <span class="fa fa-comment-o icon"></span>
                <a href="../before/">联系客服</a>
            </div>
        </div>
    </div>
    <div class="search">
        <div class="search-box">
            <a href="../before/index.html"><img class="float-l" src="../image/logo.png" alt=""/></a>
            <div class="input-box float-r">
                <div class="input float-l">
                    <span class="fa fa-search"></span>
                    <input type="text" placeholder="进口香橙"/>
                </div>
                <a href="../before/search.html" class="button float-l pointer">搜索</a>
                <a href="../before/login.html" class="shop-car float-l pointer">
                    <span class="fa fa-shopping-cart"></span><span class="word">购物车结算</span><span class="fa fa-angle-right"></span>
                </a>
                <div class="hot-words">
                    <span>热门搜索：</span>
                    <a href="../before/search.html">苹果</a>
                    <a href="../before/search.html">樱桃</a>
                    <a href="../before/search.html">鱼</a>
                    <a href="../before/search.html">虾</a>
                    <a href="../before/search.html">跑山鸡</a>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-bar">
        <div class="nav-bar-box">
            <div class="menu-title float-l pointer">全部产品
                <ul class="menu-list-down">
                    <li>
                        <a href="../before/listPage1.html">
                            <img class="float-l" src="../image/list-img1.png" alt=""/>
                            <p class="float-l">新鲜水果</p>
                            <span class="fa fa-angle-right float-l"></span>
                        </a>
                    </li>
                    <li>
                        <a href="../before/listPage2.html">
                            <img class="float-l" src="../image/list-img2.png" alt=""/>
                            <p class="float-l">水产海鲜</p>
                            <span class="fa fa-angle-right float-l"></span>
                        </a>
                    </li>
                    <li>
                        <a href="../before/listPage3.html">
                            <img class="float-l" src="../image/list-img3.png" alt=""/>
                            <p class="float-l">田园时蔬</p>
                            <span class="fa fa-angle-right float-l"></span>
                        </a>
                    </li>
                    <li>
                        <a href="../before/listPage4.html">
                            <img class="float-l" src="../image/list-img4.png" alt=""/>
                            <p class="float-l">绿色禽蛋</p>
                            <span class="fa fa-angle-right float-l"></span>
                        </a>
                    </li>
                </ul>
            </div>
            <ul class="nav-bar-item float-l">
                <li class="item"><a href="../before/index.html">首页</a></li>
                <li class="line"></li>
                <li class="item"><a href="../before/page1.html">每日抢鲜</a></li>
                <li class="line"></li>
                <li class="item"><a href="../before/page2.html">企业采购</a></li>
                <li class="line"></li>
                <li class="item"><a href="../before/page3.html">好农特惠</a></li>
            </ul>
            <div class="underline">
                <div></div>
            </div>
        </div>
    </div>
</div>
    <div class="content">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="../image/banner1.png" alt=""/>
                </div>
                <div class="swiper-slide">
                    <img src="../image/banner1.png" alt=""/>
                </div>
                <div class="swiper-slide">
                    <img src="../image/banner1.png" alt=""/>
                </div>
            </div>
            <!-- 分页器 -->
            <div class="swiper-pagination"></div>
            <!-- 导航按钮 -->
            <!--<div class="swiper-button-prev"></div>-->
            <!--<div class="swiper-button-next"></div>-->

             <!--滚动条-->
            <!--<div class="swiper-scrollbar"></div>-->
        </div>
        <div class="content-box">
            <div class="contents-title">
                <div>
                    <span class="float-l">好农今日抢</span>
                    <img class="float-l" src="../image/small-img1.png" alt=""/>
                </div>
            </div>
            <ul class="contents">
                <li class="content-item">
                    <a href="../before/detail.html"><img src="../image/img1.png" alt=""/></a>
                    <a href="../before/detail.html" class="item-title">香甜红富士苹果 最新采摘</a>
                    <p class="price">￥28.50</p>
                    <div class="product-btn">
                        <div class="btn-two float-l">
                            <div>
                                <span class="fa fa-angle-up"></span>
                            </div>
                            <div>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </div>
                        <div class="unit float-l"><span>1</span>份</div>
                        <div class="car-btn float-l">加入购物车</div>
                    </div>
                </li>
                <li class="content-item">
                    <a href="../before/detail.html"><img src="../image/img2.png" alt=""/></a>
                    <a href="../before/detail.html" class="item-title">香甜红富士苹果 最新采摘</a>
                    <p class="price">￥28.50</p>
                    <div class="product-btn">
                        <div class="btn-two float-l">
                            <div>
                                <span class="fa fa-angle-up"></span>
                            </div>
                            <div>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </div>
                        <div class="unit float-l"><span>1</span>份</div>
                        <div class="car-btn float-l">加入购物车</div>
                    </div>
                </li>
                <li class="content-item">
                    <a href="../before/detail.html"><img src="../image/img3.png" alt=""/></a>
                    <a href="../before/detail.html" class="item-title">香甜红富士苹果 最新采摘</a>
                    <p class="price">￥28.50</p>
                    <div class="product-btn">
                        <div class="btn-two float-l">
                            <div>
                                <span class="fa fa-angle-up"></span>
                            </div>
                            <div>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </div>
                        <div class="unit float-l"><span>1</span>份</div>
                        <div class="car-btn float-l">加入购物车</div>
                    </div>
                </li>
                <li class="content-item">
                    <a href="../before/detail.html"><img src="../image/img4.png" alt=""/></a>
                    <a href="../before/detail.html" class="item-title">香甜红富士苹果 最新采摘</a>
                    <p class="price">￥28.50</p>
                    <div class="product-btn">
                        <div class="btn-two float-l">
                            <div>
                                <span class="fa fa-angle-up"></span>
                            </div>
                            <div>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </div>
                        <div class="unit float-l"><span>1</span>份</div>
                        <div class="car-btn float-l">加入购物车</div>
                    </div>
                </li>
            </ul>
        </div>
            <div class="big-item-box">
                <ul class="big-item">
                    <li>
                        <img src="../image/icon6.png" alt=""/>
                        <p>绿色健康</p>
                    </li>
                    <li>
                        <img src="../image/icon7.png" alt=""/>
                        <p>精选生鲜</p>
                    </li>
                    <li>
                        <img src="../image/icon8.png" alt=""/>
                        <p>超值低价</p>
                    </li>
                    <li>
                        <img src="../image/icon9.png" alt=""/>
                        <p>同城配送</p>
                    </li>
                </ul>
            </div>
        <div class="content-box">
            <div class="contents-title">
                <div>
                    <span class="float-l">好农今日抢</span>
                    <img class="float-l" src="../image/small-img1.png" alt=""/>
                </div>
            </div>
            <ul class="contents">
                <li class="content-item">
                    <a href="../before/detail.html"><img src="../image/img5.png" alt=""/></a>
                    <a href="../before/detail.html" class="item-title">香甜红富士苹果 最新采摘</a>
                    <p class="price">￥28.50</p>
                    <div class="product-btn">
                        <div class="btn-two float-l">
                            <div>
                                <span class="fa fa-angle-up"></span>
                            </div>
                            <div>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </div>
                        <div class="unit float-l"><span>1</span>份</div>
                        <div class="car-btn float-l">加入购物车</div>
                    </div>
                </li>
                <li class="content-item">
                    <a href="../before/detail.html"><img src="../image/img6.png" alt=""/></a>
                    <a href="../before/detail.html" class="item-title">香甜红富士苹果 最新采摘</a>
                    <p class="price">￥28.50</p>
                    <div class="product-btn">
                        <div class="btn-two float-l">
                            <div>
                                <span class="fa fa-angle-up"></span>
                            </div>
                            <div>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </div>
                        <div class="unit float-l"><span>1</span>份</div>
                        <div class="car-btn float-l">加入购物车</div>
                    </div>
                </li>
                <li class="content-item">
                    <a href="../before/detail.html"><img src="../image/img7.png" alt=""/></a>
                    <a href="../before/detail.html" class="item-title">香甜红富士苹果 最新采摘</a>
                    <p class="price">￥28.50</p>
                    <div class="product-btn">
                        <div class="btn-two float-l">
                            <div>
                                <span class="fa fa-angle-up"></span>
                            </div>
                            <div>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </div>
                        <div class="unit float-l"><span>1</span>份</div>
                        <div class="car-btn float-l">加入购物车</div>
                    </div>
                </li>
                <li class="content-item">
                    <a href="../before/detail.html"><img src="../image/img8.png" alt=""/></a>
                    <a href="../before/detail.html" class="item-title">香甜红富士苹果 最新采摘</a>
                    <p class="price">￥28.50</p>
                    <div class="product-btn">
                        <div class="btn-two float-l">
                            <div>
                                <span class="fa fa-angle-up"></span>
                            </div>
                            <div>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </div>
                        <div class="unit float-l"><span>1</span>份</div>
                        <div class="car-btn float-l">加入购物车</div>
                    </div>
                </li>
            </ul>
            <ul class="contents">
                <li class="content-item">
                    <a href="../before/detail.html"><img src="../image/img1.png" alt=""/></a>
                    <a href="../before/detail.html" class="item-title">香甜红富士苹果 最新采摘</a>
                    <p class="price">￥28.50</p>
                    <div class="product-btn">
                        <div class="btn-two float-l">
                            <div>
                                <span class="fa fa-angle-up"></span>
                            </div>
                            <div>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </div>
                        <div class="unit float-l"><span>1</span>份</div>
                        <div class="car-btn float-l">加入购物车</div>
                    </div>
                </li>
                <li class="content-item">
                    <a href="../before/detail.html"><img src="../image/img2.png" alt=""/></a>
                    <a href="../before/detail.html" class="item-title">香甜红富士苹果 最新采摘</a>
                    <p class="price">￥28.50</p>
                    <div class="product-btn">
                        <div class="btn-two float-l">
                            <div>
                                <span class="fa fa-angle-up"></span>
                            </div>
                            <div>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </div>
                        <div class="unit float-l"><span>1</span>份</div>
                        <div class="car-btn float-l">加入购物车</div>
                    </div>
                </li>
                <li class="content-item">
                    <a href="../before/detail.html"><img src="../image/img3.png" alt=""/></a>
                    <a href="../before/detail.html" class="item-title">香甜红富士苹果 最新采摘</a>
                    <p class="price">￥28.50</p>
                    <div class="product-btn">
                        <div class="btn-two float-l">
                            <div>
                                <span class="fa fa-angle-up"></span>
                            </div>
                            <div>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </div>
                        <div class="unit float-l"><span>1</span>份</div>
                        <div class="car-btn float-l">加入购物车</div>
                    </div>
                </li>
                <li class="content-item">
                    <a href="../before/detail.html"><img src="../image/img4.png" alt=""/></a>
                    <a href="../before/detail.html" class="item-title">香甜红富士苹果 最新采摘</a>
                    <p class="price">￥28.50</p>
                    <div class="product-btn">
                        <div class="btn-two float-l">
                            <div>
                                <span class="fa fa-angle-up"></span>
                            </div>
                            <div>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </div>
                        <div class="unit float-l"><span>1</span>份</div>
                        <div class="car-btn float-l">加入购物车</div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="server">
            <dl>
                <dt>关于好农</dt>
                <dd>
                    <a href="../before/about1.html">好农介绍</a>
                    <a href="../before/about2.html">好农资讯</a>
                    <a href="../before/about3.html">招贤纳士</a>
                    <a href="../before/about4.html">联系我们</a>
                </dd>
            </dl>
            <dl>
                <dt>支付配送</dt>
                <dd>
                    <a href="../before/">购物指南</a>
                    <a href="../before/">配送说明</a>
                    <a href="../before/">支付方式</a>
                </dd>
            </dl>
            <dl>
                <dt>售后服务</dt>
                <dd>
                    <a href="../before/">48小时退换货</a>
                    <a href="../before/">投诉与建议</a>
                    <a href="../before/">常见问题</a>
                    <a href="../before/">联系客服</a>
                </dd>
            </dl>
            <dl>
                <dt>企业服务</dt>
                <dd>
                    <a href="../before/">如何成为企业级客户？</a>
                    <a href="../before/">VIP福利</a>
                    <a href="../before/">专属服务</a>
                    <a href="../before/">定制专区</a>
                </dd>
            </dl>
        </div>
        <div class="bottom">&copy;2010-2015 haonong.com 保留所有权利，绵阳云集电子商务有限公司 蜀ICP证10204706号</div>
    </div>
</body>
<script type="text/javascript" src="../js/swiper.3.1.2.min.js"></script>
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
    var mySwiper = new Swiper ('.swiper-container', {
        autoplay: 5000,//可选选项，自动滑动
//        direction: 'vertical',
        loop: true,
        // 如果需要分页器
        pagination: '.swiper-pagination',
        paginationClickable :true

        // 如果需要前进后退按钮
        //nextButton: '.swiper-button-next',
        //prevButton: '.swiper-button-prev',

        // 如果需要滚动条
//        scrollbar: '.swiper-scrollbar'
    })
</script>
</html>